<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>仿dnspod色块布局</title>
	<link rel="stylesheet" href="./css/main.css">
</head>
<body>
	<!-- 顶部开始 -->
	<div class="top">
		<div class="top_mid">
			<div class="top_left">
				top_left
			</div>
			<div class="top_right">
				top_right
			</div>
		</div>
	</div>
	<!-- 顶部结束  -->
	<!-- 头部开始 -->
	<div class="header">
		<div class="header_mid">
			<div class="logo">
				logo
			</div>
			<div class="search">
				<div class="input">
					input
				</div>
				<div class="hot-key">
					hot-key
				</div>
			</div>
		</div>
	</div>
	<!-- 头部结束 -->
	<div class="main">
		<div class="main_mid">
			<div class="banner">
				<div class="banner_item">banner_item</div>
				<ul class="product">
					<li class="pro_item">pro_item1</li>
					<li class="pro_item">pro_item2</li>
					<li class="pro_item">pro_item3</li>
					<li class="pro_item last">pro_item4</li>
				</ul>
			</div>
			<div class="service">
				<div class="service_title">
					service_title
				</div>
				<ul class="service_list">
					<li class="ser_item">ser_item1</li>
					<li class="ser_item">ser_item2</li>
					<li class="ser_item">ser_item3</li>
					<li class="ser_item">ser_item4</li>
				</ul>
			</div>
		</div>
	</div>
	<!-- 底部开始 -->
	<div class="footer">
		
	</div>
	<!-- 底部结束 -->
</body>
</html>